import React from 'react';
import { List, Skeleton } from 'antd';

const Index = ({ completeValue, removeList }) => {
  return (
    <>
      已提交
      <List
        className="demo-loadmore-list"
        style={{ width: '300px' }}
        itemLayout="horizontal"
        dataSource={completeValue}
        renderItem={(item) =>
        (
          <List.Item
            actions={[<a key="list-loadmore-edit" onClick={() => {
              removeList(item)
            }}>重置</a>]}
          >
            <Skeleton avatar title={false} loading={false} active>
              <List.Item.Meta
                title={<a href="https://ant.design">{item.value}</a>}

              />
            </Skeleton>
          </List.Item>
        )
        }
      />
    </>
  );
}

export default Index;
